<template>
  <div class="dashboard-container">
    <el-card style="margin-top: 10px">
      <div class="top">
        <div class="natural box">
          <span>快捷入口</span>
          <div class="BOX">
            <router-link :to="{ path: '/question/list' }">
              <div class="icon">
                <svg
                  t="1713935342696"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="8852"
                >
                  <path
                    d="M64 896V448h896v448H64z m0-640V128h256l128 128h512v128H64V256z"
                    fill="#1296db"
                    p-id="8853"
                  ></path>
                </svg>
                <span class="text"> 试题库 </span>
              </div>
            </router-link>
            <router-link :to="{ path: 'train/course-ware/list' }">
              <div class="icon">
                <svg
                  t="1713935375958"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="9938"
                >
                  <path
                    d="M921.6 307.2H256a102.4 102.4 0 0 1-102.4-102.4 102.4 102.4 0 0 1 102.4-102.4h665.6a51.2 51.2 0 0 0 0-102.4H256A204.8 204.8 0 0 0 51.2 204.8v614.4a204.8 204.8 0 0 0 204.8 204.8h512a204.8 204.8 0 0 0 204.8-204.8V358.656A51.456 51.456 0 0 0 921.6 307.2z m-102.4 422.8608a29.184 29.184 0 0 1-48.2304 22.1696l-111.9744-95.9488a29.184 29.184 0 0 0-37.9904 0l-111.9744 95.9488a29.184 29.184 0 0 1-48.2304-22.1696V460.8a51.2 51.2 0 0 1 51.2-51.2h256a51.2 51.2 0 0 1 51.2 51.2z"
                    fill="#1296db"
                    p-id="9939"
                  ></path>
                  <path
                    d="M921.6 153.6H256a51.2 51.2 0 0 0 0 102.4h665.6a51.2 51.2 0 0 0 0-102.4z"
                    fill="#1296db"
                    p-id="9940"
                  ></path>
                </svg>
                <span class="text"> 课程库 </span>
              </div>
            </router-link>
            <router-link :to="{ path: 'train/course/list' }">
              <div class="icon">
                <svg
                  t="1713935514262"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="14711"
                >
                  <path
                    d="M470.8 619.5v-70.1c0-19.3 16.9-36.3 36.3-36.3s36.3 16.9 36.3 36.3v70.1l48.4-82.2-43.5-91.9c123.3 16.9 200.7 104 237 263.6H228.9c36.3-162 113.7-251.5 237-263.6l-43.5 91.9 48.4 82.2zM180.6 803.3h653V900h-653v-96.7zM108 730.7h798.1v72.6H108v-72.6z m309.6-539.3c19.4-19.4 50.8-29 89.5-29s70.1 9.7 89.5 29c24.2 21.8 33.9 58 29 104-7.3 77.4-55.6 130.6-121 130.6-62.9 0-111.3-53.2-120.9-130.6 0-46 9.7-79.8 33.9-104z m0 0"
                    p-id="14712"
                    fill="#1296db"
                  ></path>
                </svg>
                <span class="text"> 培训管理 </span>
              </div>
            </router-link>
            <router-link :to="{ path: 'exam/paper/answer/list' }">
              <div class="icon">
                <svg
                  t="1713935581282"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="17156"
                >
                  <path
                    d="M819.2 0H172.8c-19.2 0-38.4 6.4-51.2 25.6-19.2 12.8-25.6 32-25.6 51.2v870.4C96 992 128 1024 172.8 1024h646.4c44.8 0 76.8-32 76.8-76.8V76.8C896 32 864 0 819.2 0z m12.8 928c0 6.4 0 12.8-6.4 19.2s-12.8 6.4-19.2 6.4H192c-6.4 0-12.8 0-19.2-6.4s-6.4-12.8-6.4-19.2V96c0-6.4 0-12.8 6.4-19.2S185.6 64 192 64h608c6.4 0 12.8 0 19.2 6.4 6.4 12.8 12.8 19.2 12.8 25.6v832z"
                    p-id="17157"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M403.2 716.8h320v64h-320v-64zM691.2 268.8h-256c-12.8 0-25.6 6.4-25.6 19.2-6.4 6.4-6.4 19.2 0 32s19.2 19.2 25.6 19.2h256c19.2 0 32-12.8 32-32 0-25.6-12.8-38.4-32-38.4zM403.2 492.8h320v64h-320v-64zM294.4 326.4c6.4 0 6.4 0 0 0h6.4L339.2 288v-6.4-6.4h-6.4l-32 38.4-12.8-12.8h-6.4v12.8l12.8 12.8z"
                    p-id="17158"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M358.4 236.8H268.8c-12.8 0-19.2 12.8-19.2 19.2v89.6c0 12.8 6.4 19.2 19.2 19.2h89.6c12.8 0 19.2-6.4 19.2-19.2V256c0-6.4-12.8-19.2-19.2-19.2z m0 115.2h-96V256h96v96zM294.4 556.8c6.4 0 6.4 0 0 0h6.4l44.8-44.8v-6.4-6.4h-6.4L300.8 544l-12.8-19.2h-6.4v12.8l12.8 19.2z"
                    p-id="17159"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M358.4 467.2H268.8c-12.8 0-19.2 6.4-19.2 19.2V576c0 12.8 6.4 19.2 19.2 19.2h89.6c12.8 0 19.2-6.4 19.2-19.2v-89.6c0-12.8-12.8-19.2-19.2-19.2z m0 108.8h-96v-96h96v96zM352 748.8a38.4 38.4 0 1 1-76.8 0 38.4 38.4 0 0 1 76.8 0z"
                    p-id="17160"
                    fill="#1296db"
                  ></path>
                </svg>
                <span class="text"> 答卷管理 </span>
              </div>
            </router-link>
            <router-link :to="{ path: 'files/time/time' }">
              <div class="icon">
                <svg
                  t="1713935618996"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="18466"
                >
                  <path
                    d="M896 256H512L402.7 146.7c-12-12-28.3-18.7-45.3-18.7H128c-35.3 0-64 28.7-64 64v640c0 35.3 28.7 64 64 64h768c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64zM512.1 800c-123.7 0-224-100.3-224-224s100.3-224 224-224 224 100.3 224 224-100.3 224-224 224z"
                    p-id="18467"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M544 576V448c0-17.7-14.3-32-32-32s-32 14.3-32 32v160c0 17.7 14.3 32 32 32h128c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96z"
                    p-id="18468"
                    fill="#1296db"
                  ></path>
                </svg>
                <span class="text"> 一期一档 </span>
              </div>
            </router-link>
            <router-link :to="{ path: 'files/people/people' }">
              <div class="icon">
                <svg
                  t="1713935649588"
                  class="icon"
                  viewBox="0 0 1365 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="19535"
                >
                  <path
                    d="M1147.701 469.077h-79.989V91.987H107.846v811.316h475.362v79.988H107.846c-44.137 0-79.989-35.852-79.989-79.988V80.56c0-44.137 35.852-79.989 79.99-79.989h959.865c44.137 0 79.99 35.852 79.99 79.99v388.516z m-862.737 211.4h148.551c22.14 0 39.994 17.854 39.994 39.994s-17.854 39.994-39.994 39.994h-148.55c-22.14 0-39.995-17.854-39.995-39.994 0-21.997 17.854-39.995 39.994-39.995z m0-228.54h377.09c22.14 0 39.995 17.855 39.995 39.994s-17.855 39.995-39.994 39.995h-377.09c-22.14 0-39.995-17.855-39.995-39.995 0-21.997 17.854-39.994 39.994-39.994z m0-228.54h605.63c22.14 0 39.994 17.855 39.994 39.995s-17.854 39.994-39.994 39.994h-605.63c-22.14 0-39.994-17.854-39.994-39.994 0-21.997 17.854-39.995 39.994-39.995z m0 0"
                    fill="#1296db"
                    p-id="19536"
                  ></path>
                  <path
                    d="M1102.422 951.724c-0.143-0.857-0.143-1.714-0.143-2.57-1.429-67.277-41.28-127.84-102.557-155.693-7.285-3.286-12.141-10.142-13.141-17.998-1-7.856 2.285-15.712 8.57-20.568 36.852-28.568 51.421-77.418 36.423-121.555-15.14-44.136-56.563-73.847-103.27-73.847-46.709 0-88.131 29.568-103.415 73.704-15.14 44.137-0.714 92.987 36.138 121.698 6.285 4.856 9.427 12.712 8.57 20.568-1 7.856-6 14.712-13.141 17.998-60.849 27.567-100.7 87.273-102.843 153.978 0 1.286-0.143 2.714-0.428 4 0 0.571 0.142 1.142 0.142 1.57h349.237c-0.142-0.57-0.142-0.856-0.142-1.285z m67.704 21.854c0 12.999-5.142 25.425-14.283 34.71-9.142 9.141-21.711 14.426-34.71 14.426H734.76c-26.568 0-48.28-21.14-48.994-47.564-0.142-1.286-0.285-2.429-0.285-3.714 0-2.857 0.285-5.57 0.714-8.427 3.142-78.99 44.708-151.55 111.127-194.402-57.563-69.133-51.278-171.119 14.284-232.682 65.562-61.563 167.691-61.42 233.11 0.286 65.42 61.706 71.562 163.691 13.856 232.682 67.276 43.565 108.842 117.412 110.841 197.544 0.143 1.142 0.143 2.285 0.286 3.57 0.286 1 0.286 2.286 0.428 3.571z m0 0"
                    fill="#1296db"
                    p-id="19537"
                  ></path>
                </svg>
                <span class="text"> 一人一档 </span>
              </div>
            </router-link>
          </div>
        </div>
        <div class="statistics box">
          <span>数据统计</span>
          <div class="BOX">
            <div class="icon">
              <svg
                t="1713937425537"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="35672"
              >
                <path
                  d="M665.8 390c0 53.9 43.7 97.6 97.6 97.6 53.9 0 97.6-43.7 97.6-97.6 0-53.9-43.7-97.6-97.6-97.6-53.9 0-97.6 43.6-97.6 97.6z m-77.2 242.8s0 0.1 0 0z m349.6 1.3v-0.2 0.2z m0-0.3v-0.3 0.3zM851.9 508.2l-8-0.1c-2.8 0-7.1 1.1-9.5 2.4 0 0-6.4 3.7-12.2 6.2-17.5 7.5-37.4 11.9-58.5 11.9-21 0-40.9-4.2-58.3-11.7-5.9-2.5-12.5-6.3-12.5-6.3-2.5-1.4-6.7-2.5-9.5-2.4l-7.9 0.1c-32 4.2-65.5 32.6-75.2 63.2 0 0-10.2 20.7-11.7 61.4-0.1 5.3 4.2 12 9.6 14.9 0 0 54.4 35 165.1 35 110.7 0 165.1-35 165.1-35 5.4-2.9 9.8-10.3 9.6-15-1.4-40.5-11.3-60.4-11.3-60.4-8.8-30.9-42.9-59.5-74.8-64.2zM938.2 633v-0.2 0.2z m0 0.5v-0.4 0.4z m0 0M254.8 481c47.6 0 87.2-34.1 95.8-79.2-13.6-24.3-21.4-52.2-21.8-81.8-17.9-20.9-44.4-34.1-74-34.1-53.9 0-97.6 43.7-97.6 97.6 0 53.8 43.7 97.5 97.6 97.5zM225 602.4c10.8-33.2 36.4-64.1 67.6-85-11.9 3.1-24.5 4.7-37.6 4.7-21 0-40.9-4.2-58.3-11.7-5.9-2.5-12.5-6.3-12.5-6.3-2.5-1.4-6.7-2.5-9.5-2.4l-7.9 0.1c-32 4.2-65.5 32.6-75.2 63.2 0 0-10.2 20.7-11.7 61.4-0.1 5.3 4.2 12 9.6 14.9 0 0 39.1 25 118.1 32.7 4.9-41.9 14.9-66 17.4-71.6z"
                  fill="#AED7FF"
                  p-id="35673"
                ></path>
                <path
                  d="M763.5 708.4l1.2-0.8c0.4-0.3 1-1.3 1.5-2.1-4.4-54.7-18.5-82.2-18.7-82.5l-1.8-4.2c-12.5-37.8-57.6-73.7-99-79l-10.8 0.3c-0.1 0.1-1.7 0.5-2.4 0.8-2.8 1.8-12.1 7.4-21.2 11.7-31.7 15.3-66.4 23.8-103 25.3-36 1.5-72.2-4.3-104.5-16.6-8.8-3.3-17.8-7.8-21.6-9.7-37.3 15.9-70.9 51.5-80.9 88.5 0 0-13.6 30.5-13.3 89.4 0.1 3.6 1.6 7.5 3.9 11.1 37.6 13.8 112.8 34 223.6 29.5 164.4-6.6 246.2-61.1 247-61.7zM526 216.5c-78 0-141.2 63.2-141.2 141.2 0 8.4 0.9 16.6 2.3 24.6 22.3 38.7 64 65 111.8 65 71.1 0 128.9-57.8 128.9-128.9 0-30.8-10.9-59.1-29-81.4-21.3-13-46.1-20.5-72.8-20.5z"
                  fill="#AED7FF"
                  p-id="35674"
                ></path>
                <path
                  d="M500.3 801.7c-173.7 0-262.9-52.5-271.7-58-13.7-7.5-23.5-23.2-23.3-37.7v-0.3c2.2-61.4 16.6-96.3 19.8-103.3 17.7-54.8 75.9-103.4 132.8-111l1.9-0.1 12.6-0.1c7.3-0.1 16.9 2.2 23.3 5.9 0.2 0.1 9.9 5.7 18.4 9.3 26.5 11.4 56.6 17.4 86.9 17.4 30.7 0 60.1-5.9 87.2-17.6 8.4-3.5 17.8-9 17.9-9l0.5-0.3c6.2-3.3 15.7-5.7 22.7-5.7l14 0.1 1.1 0.2c57.1 8.4 115.9 58.7 131.9 112.5 3.3 7.4 17 41.1 19 101.5v0.7h0.4v0.4h-0.4v0.2h0.4v0.6h-0.4 0.4v0.5h-0.4v0.1h0.4-0.4c-0.8 13.2-10.7 28.7-23.1 35.7-8.1 5-97.3 58-271.9 58z m-263.2-95.2c0.1 2 3 7.3 6.8 9.3l1.2 0.7c0.8 0.5 86 53.3 255.1 53.3 169.2 0 254.3-52.8 255.2-53.3l1-0.6c3.2-1.7 6.7-7.3 7.1-9.7-2.1-59.5-16.3-89.4-16.4-89.7l-0.6-1.3-0.4-1.4c-12-42.3-60.1-83.6-105.3-90.8l-11.7-0.1c-1.6 0-5.7 1-7.5 1.9-2 1.1-11.7 6.6-21 10.5-31 13.4-64.6 20.2-99.7 20.2-34.6 0-68.9-6.9-99.4-20-10.2-4.4-21.1-10.7-21.6-10.9-1.3-0.7-5.2-1.7-6.9-1.7h-0.3l-11.7 0.1c-44.3 6.3-92.7 47.3-106.1 89.9l-0.4 1.2-0.5 1.1c-0.1 0.2-14.8 31.3-17 91l0.1 0.1h-0.1c0.1 0 0.1 0.1 0.1 0.2zM500.6 490c-94.7 0-171.8-77.1-171.8-171.8 0-94.7 77.1-171.8 171.8-171.8 94.7 0 171.8 77.1 171.8 171.8-0.1 94.7-77.1 171.8-171.8 171.8z m0-311.7c-77.2 0-139.9 62.8-139.9 139.9 0 77.2 62.8 139.9 139.9 139.9 77.2 0 139.9-62.8 139.9-139.9 0-77.2-62.8-139.9-139.9-139.9z"
                  fill="#1195FE"
                  p-id="35675"
                ></path>
                <path
                  d="M500.3 812.7c-176.4 0-267.7-53.5-277.5-59.6-16.8-9.1-28.8-28.7-28.5-47.3 2.2-61.5 15.9-97.1 20.5-107.4 19.1-58.2 81.2-109.9 141.7-117.9l2.6-0.2 13.2-0.2c9.2-0.1 20.8 2.7 28.8 7.3 0.2 0.1 9.5 5.4 17.3 8.8 25.2 10.8 53.7 16.5 82.5 16.5 29.2 0 57.1-5.6 82.8-16.7 7.8-3.3 16.7-8.4 16.8-8.4l0.7-0.4c8-4.3 19.2-7 28-7l16.7 0.4c61.4 9 123 61.5 140.7 119.5 4.2 9.6 16.2 41.1 19.3 95h0.5l0.4 23.3-2.2 0.1c-4 14-14.3 27.7-27 34.8-9.4 5.8-100.3 59.4-277.3 59.4zM373 502.1h-0.4l-13.9 0.2c-52.3 6.9-106.6 52.4-123.1 103.4l-0.4 1.2c-2.8 6.1-16.6 39.5-18.8 99.1-0.2 10.5 7.4 22.5 17.5 28 9.8 6.1 96.2 56.6 266.5 56.6 170.8 0 256.8-50.6 266-56.4 9.4-5.3 17.2-17.2 18-26.7V706c-2-59.2-15.4-91.7-18.1-97.7l-0.5-1.4c-14.9-49.9-70-96.9-123-104.7h-0.3l-13.3-0.1c-5.1 0-12.8 1.9-17.4 4.4-0.6 0.3-10.3 5.9-19.3 9.7-28.4 12.3-59.2 18.5-91.5 18.5-31.8 0-63.3-6.3-91.2-18.3-9.1-3.9-19.5-9.9-19.6-9.9-4.5-2.5-11.8-4.4-17.2-4.4z m127.3 278.8c-172.2 0-260.2-54.5-261-55l-0.9-0.5c-4.5-2.3-8.2-6.9-10.3-11.4l-2.1-1 0.2-7.3c0.1-2.1 0.2-4.1 0.3-6.1l0.2-4.2c3.5-54.7 17-83.5 17.6-84.8l0.3-0.8c14.7-46.8 66.3-90.5 115-97.5l1.5-0.1 11.7-0.1c3.8 0.1 9.5 1.3 12.6 3.1 1.2 0.7 11.3 6.4 20.5 10.4 29.1 12.5 62 19.1 95.1 19.1 33.6 0 65.7-6.5 95.3-19.3 8.8-3.7 18.1-9 19.9-10 3.5-1.8 9.3-3.3 13-3.3l13.4 0.3c49.7 7.9 100.9 52.1 114.2 98.7l0.3 0.9c1.6 3.5 15.5 34.4 17.6 94.1v1l-0.2 1c-0.8 5.6-6.3 14.3-12.7 17.8l-0.6 0.4c-0.7 0.1-88.3 54.6-260.9 54.6z m-229.2-63.7c34.1 15.1 110.9 41.6 229.2 41.6 164.5 0 248.5-51.1 249.3-51.7l1.2-0.7c0.4-0.3 1.1-1.2 1.6-2-2.2-54.9-15.2-82.9-15.3-83.2l-1.6-4.2c-10.9-38.3-54.6-76-95.7-82.9L629 534c-0.1 0.1-1.7 0.5-2.4 0.7-2.9 1.6-12.4 6.9-21.6 10.8-32.3 14-67.3 21-103.9 21-36.1 0-71.9-7.2-103.7-20.9-9.5-4.1-19.3-9.6-22.2-11.2-0.7-0.2-1.9-0.5-2.4-0.5l-10.6 0.1c-40.3 6.1-84.3 43.6-96.4 82.2l-1.6 3.9c-0.1 0.1-12.6 27.6-15.6 79.5l22.5 17.6z m481.8-13.6zM500.6 501c-100.8 0-182.8-82-182.8-182.8 0-100.8 82-182.8 182.8-182.8s182.8 82 182.8 182.8C683.3 419 601.3 501 500.6 501z m0-343.5c-88.6 0-160.8 72.1-160.8 160.8 0 88.6 72.1 160.8 160.8 160.8S661.4 407 661.4 318.3c-0.1-88.7-72.2-160.8-160.8-160.8z m0 311.7c-83.2 0-151-67.7-151-151s67.7-151 151-151 151 67.7 151 151-67.8 151-151 151z m0-279.9c-71.1 0-128.9 57.8-128.9 128.9 0 71.1 57.8 128.9 128.9 128.9 71.1 0 128.9-57.8 128.9-128.9 0-71.1-57.9-128.9-128.9-128.9z"
                  fill="#1195FE"
                  p-id="35676"
                ></path>
              </svg>
              <div class="text">
                <div class="number">{{ statistic.userNum || '--' }}</div>
                <div class="wen">用户总量</div>
              </div>
            </div>
            <div class="icon">
              <svg
                t="1713938585900"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="52414"
              >
                <path
                  d="M824.874667 853.333333h-379.733334a114.090667 114.090667 0 0 1-113.792-113.792V199.125333C331.349333 136.533333 382.549333 85.333333 445.141333 85.333333h379.733334c62.592 0 113.792 51.2 113.792 113.792v540.416c0 62.592-51.2 113.792-113.792 113.792"
                  fill="#11CCCC"
                  opacity=".7"
                  p-id="52415"
                ></path>
                <path
                  d="M829.141333 483.541333h-386.816a23.978667 23.978667 0 0 1-24.192-24.149333c0-12.8 9.941333-24.192 24.192-24.192h386.816c12.8 0 24.192 9.941333 24.192 24.192-1.408 14.208-11.392 24.149333-24.192 24.149333m0-118.016h-386.816A23.978667 23.978667 0 0 1 418.133333 341.333333c0-12.8 9.941333-24.192 24.192-24.192h386.816c12.8 0 24.192 9.984 24.192 24.192-1.408 12.8-11.392 24.192-24.192 24.192m0-119.466666h-386.816A23.978667 23.978667 0 0 1 418.133333 221.866667c0-12.8 9.941333-24.192 24.192-24.192h386.816c12.8 0 24.192 9.984 24.192 24.192-1.408 14.208-11.392 24.192-24.192 24.192"
                  fill="#FFFFFF"
                  p-id="52416"
                ></path>
                <path
                  d="M199.125333 938.666667A114.090667 114.090667 0 0 1 85.333333 824.874667V284.458667C85.333333 221.866667 136.533333 170.666667 199.125333 170.666667h379.733334c62.549333 0 113.749333 51.2 113.749333 113.792v540.416c0 62.592-51.2 113.792-113.749333 113.792h-379.733334z"
                  fill="#00DC80"
                  fill-opacity=".7"
                  p-id="52417"
                ></path>
                <path
                  d="M428.074667 429.525333h-192A22.485333 22.485333 0 0 1 213.333333 406.741333c0-12.8 9.941333-22.741333 22.741334-22.741333h192c12.8 0 22.784 9.941333 22.784 22.741333 0 12.8-9.984 22.784-22.784 22.784m102.741333 384H237.056A22.954667 22.954667 0 0 1 213.333333 790.741333c0-12.8 10.368-22.741333 23.722667-22.741333h293.76c13.354667 0 23.722667 9.941333 23.722667 22.741333 1.493333 11.392-10.368 22.784-23.722667 22.784m0-128H237.056A22.954667 22.954667 0 0 1 213.333333 662.741333c0-12.8 10.368-22.741333 23.722667-22.741333h293.76c13.354667 0 23.722667 9.941333 23.722667 22.741333 1.493333 11.392-10.368 22.784-23.722667 22.784m0-128H237.056A22.954667 22.954667 0 0 1 213.333333 534.741333c0-12.8 10.368-22.741333 23.722667-22.741333h293.76c13.354667 0 23.722667 9.941333 23.722667 22.741333 1.493333 11.392-10.368 22.784-23.722667 22.784"
                  fill="#FFFFFF"
                  p-id="52418"
                ></path>
              </svg>
              <span class="text">
                <div class="number">{{ statistic.questionNum || '--' }}</div>
                <div class="wen">题目总量</div>
              </span>
            </div>
            <div class="icon">
              <svg
                t="1713938666487"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="59473"
              >
                <path
                  d="M806.4 234.414v555.172c0 56.554-45.846 102.4-102.4 102.4-1.312 0-2.624-0.025-3.936-0.076l-460.8-17.723c-54.982-2.115-98.464-47.302-98.464-102.324V252.137c0-55.022 43.482-100.21 98.464-102.324l460.8-17.723c56.513-2.174 104.087 41.876 106.26 98.389 0.05 1.31 0.076 2.623 0.076 3.935z"
                  fill="#FF6E78"
                  p-id="59474"
                ></path>
                <path
                  d="M499.74 307.98a88.708 88.708 0 0 1-1.998 1.743c-27.332 23.196-110.447 70.78-99.726 178.101 0.978 9.787 0.832 11.32-4.98-1.8-5.813-13.122-22.399-49.273-49.443-53.934-1.27-0.219-3.147 0.506-2.042 2.59 4.858 9.17 16.18 39.144-3.162 95.542-10.597 30.894-5.384 61.444 9.395 80.136 16.274 20.586 40.708 34.424 66.792 35.663 1.268 0.06 3.045-0.931 1.971-2.804-4.14-7.22-12.79-27.09 0.787-49.843 0.338-0.568 1.509-0.995 2.319 0.154 3.028 4.298 11.067 14.7 19.233 16.744 10.35 2.59 11.742 0.13 11.687-5.028-0.082-7.606 1.027-18.48 7.02-25.708 9.273-11.186 18.272-35.743 16.492-52.62-0.15-1.423 0.81-3.123 3.296-1.294 15.903 11.7 72.282 58.597 36.124 112.128-0.9 1.333-0.225 3.602 4.1 2.489 14.912-3.84 49.71-16.038 64.168-48.573 9.804-22.063 12.016-62.397-11.084-96.922-46.38-69.316-73.236-91.241-67.265-181.476 0.081-1.22 0.168-2.453 0.26-3.699 0.152-2.031-2.098-3.255-3.945-1.59z"
                  fill="#FFFFFF"
                  opacity=".504"
                  p-id="59475"
                ></path>
                <path
                  d="M883.2 268.8v486.4c0 28.277-22.923 51.2-51.2 51.2V217.6c28.277 0 51.2 22.923 51.2 51.2z"
                  fill="#FFA416"
                  p-id="59476"
                ></path>
              </svg>
              <span class="text">
                <div class="number">{{ statistic.courseNum || '--' }}</div>
                <div class="wen">课程总量</div>
              </span>
            </div>
            <div class="icon">
              <svg
                t="1713938753387"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="67970"
              >
                <path
                  d="M209.496 123.908h622.4c36.6 0 66.3 29.7 66.3 66.3v406.7c0 36.6-29.7 66.3-66.3 66.3h-622.4c-36.6 0-66.3-29.7-66.3-66.3v-406.7c0.1-36.6 29.7-66.3 66.3-66.3z"
                  fill="#C6C9FC"
                  p-id="67971"
                ></path>
                <path
                  d="M310.796 334.508c21.3 64.5 80.6 64.5 101.4 0 8-5.4 13.5-13.9 15.1-23.4 1-9.4 0.5-21.8-8.8-21.8-0.8-31.4-26.9-56.3-58.3-55.6-30.4 0.7-54.8 25.2-55.6 55.6-9.3 0-10.4 12.5-8.8 21.8 1.5 9.6 7 18.1 15 23.4z"
                  fill="#8880FE"
                  p-id="67972"
                ></path>
                <path
                  d="M447.496 682.308c24.6-0.2 44.5-20.1 44.7-44.7v-1.6l173.7-173.7c4.7-4.7 4.7-12.4 0-17.2-4.7-4.7-12.4-4.7-17.2 0l-157 156.6v-147.7c-0.6-32.8-24-60.7-56.2-67.1l-23.9-5.2c-13.9 27.6-47.4 38.7-75 24.8a56.11 56.11 0 0 1-24.8-24.8l-23.9 5.2c-32.2 6.3-55.7 34.3-56.1 67.1v183.5c0 24.7 20 44.7 44.7 44.7-0.1 12.3 9.8 22.3 22 22.4h126.7c12.3-0.1 22.3-10 22.3-22.3z"
                  fill="#8880FE"
                  p-id="67973"
                ></path>
                <path
                  d="M164.196 663.608c14.7 6.6 32 0 38.5-14.8 1.6-3.7 2.5-7.7 2.5-11.7 0.1-9.2-5.8-17.4-14.5-20.3-28.5-10-47.7-36.9-47.8-67.1v-337.4c-0.2-39.2 31.5-71.1 70.7-71.3h593.2c39.2-0.1 71.1 31.6 71.2 70.8v337.9c0.1 39.2-31.6 71.1-70.8 71.2h-236.4c-14.6 0-26.5 11.8-26.5 26.5 0 14.6 11.8 26.5 26.5 26.5h236.7c68.6 0 124.3-55.6 124.3-124.3v-337.3c0-68.6-55.6-124.3-124.3-124.3h-592.9c-68.6 0-124.3 55.6-124.3 124.3v337.4c-0.4 49.3 28.7 94.1 73.9 113.9z m99.8 84.2h-93.1c-44.8 0.1-81 36.3-81.1 81.1v107.1h255.3v-107.1c-0.1-44.8-36.4-81.1-81.1-81.1z m294.3 0h-92.6c-44.8 0.1-81 36.3-81.1 81.1v107.1h255.3v-107.1c-0.5-44.8-36.8-80.9-81.6-81.1z m294.3 0h-92.6c-44.8 0.1-81 36.3-81.1 81.1v107.1h255.3v-107.1c-0.1-44.9-36.7-81.2-81.6-81.1z"
                  fill="#8880FE"
                  p-id="67974"
                ></path>
              </svg>
              <span class="text">
                <div class="number">{{ statistic.trainNum || '--' }}</div>
                <div class="wen">培训次数</div>
              </span>
            </div>
          </div>
        </div>
        <div class="dowaload box">
          <span>模板下载</span>
          <span style="margin-left: 100px;cursor: pointer;" @click="go_gis()">数据大屏</span>
          <div class="BOX">
            <div class="icon">
              <svg
                t="1713940598409"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="74225"
              >
                <path
                  d="M170.666667 711.808c-0.170667 19.2 7.466667 37.674667 21.162666 51.370667 13.738667 13.653333 32.426667 21.461333 51.968 21.632h137.045334a73.813333 73.813333 0 0 0 55.466666-25.429334l35.584-41.386666c6.826667-7.978667 15.317333-14.378667 24.874667-18.773334a73.813333 73.813333 0 0 1 30.592-6.656h264.917333a74.410667 74.410667 0 0 0 51.925334-21.632c13.738667-13.653333 21.333333-32.170667 21.205333-51.370666v-418.56a71.722667 71.722667 0 0 0-21.205333-51.370667A74.410667 74.410667 0 0 0 792.32 128H243.797333a74.410667 74.410667 0 0 0-51.968 21.632c-13.696 13.653333-21.333333 32.128-21.162666 51.328v510.848z"
                  fill="#0080FF"
                  p-id="74226"
                ></path>
                <path
                  d="M85.333333 312.533333a95.573333 95.573333 0 0 1 28.245334-68.48 99.2 99.2 0 0 1 69.290666-28.757333h162.005334a98.304 98.304 0 0 1 68.394666 27.904l40.576 39.808a98.304 98.304 0 0 0 68.352 27.946667h318.933334c26.026667 0.170667 50.986667 10.538667 69.248 28.757333A95.573333 95.573333 0 0 1 938.666667 408.106667v390.656a94.933333 94.933333 0 0 1-28.245334 68.437333 99.84 99.84 0 0 1-69.290666 28.8H182.869333a99.2 99.2 0 0 1-69.290666-28.8A95.573333 95.573333 0 0 1 85.333333 798.762667V312.533333z"
                  fill="#56AAFF"
                  p-id="74227"
                ></path>
                <path
                  d="M625.408 538.666667a24.021333 24.021333 0 0 1 21.802667 14.08 22.912 22.912 0 0 1-4.565334 25.216l-107.861333 111.616a24.362667 24.362667 0 0 1-17.706667 7.466666 24.746667 24.746667 0 0 1-17.664-7.466666l-107.861333-111.573334a23.125333 23.125333 0 0 1 17.194667-39.338666h43.008c3.242667 0 6.357333-1.28 8.618666-3.498667a11.861333 11.861333 0 0 0 3.584-8.490667v-46.208a23.552 23.552 0 0 1 7.125334-16.938666 24.405333 24.405333 0 0 1 17.237333-6.997334h57.514667c6.442667 0 12.672 2.517333 17.237333 6.997334a23.722667 23.722667 0 0 1 7.125333 16.938666v46.208c0 3.2 1.28 6.229333 3.584 8.490667a12.330667 12.330667 0 0 0 8.618667 3.498667h43.008z"
                  fill="#FFFFFF"
                  p-id="74228"
                ></path>
              </svg>
              <span class="text">
                <div class="wen">一人一档</div>
              </span>
            </div>
            <div class="icon">
              <svg
                t="1713940645092"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="77021"
              >
                <path
                  d="M512 320c21.42 0 35.7 14.22 35.7 35.56v142.22h57.12l4.68 0.29c28.79 3.58 40.66 39.89 20.31 60.16L537 650.67l-3.71 3.26c-14.09 10.86-33.18 9.78-46.27-3.26l-92.82-92.44-2.95-3.33c-17-21.82-2.59-57.12 27.94-57.12h57.11V355.56l0.25-4.79C478.54 332.12 492.23 320 512 320z m264.53-106.67H247.47a34.13 34.13 0 0 0-34.13 34.13v529.07a34.13 34.13 0 0 0 34.13 34.13h529.06a34.13 34.13 0 0 0 34.13-34.13V247.47a34.13 34.13 0 0 0-34.13-34.14zM853.33 0A170.67 170.67 0 0 1 1024 170.67v682.66A170.67 170.67 0 0 1 853.33 1024H170.67A170.67 170.67 0 0 1 0 853.33V170.67A170.67 170.67 0 0 1 170.67 0z"
                  fill="#34A643"
                  p-id="77022"
                ></path>
              </svg>
              <span class="text">
                <div class="wen">一期一档</div>
              </span>
            </div>
          </div>
        </div>
      </div>
    </el-card>
    <div class="dashboard-echarts">
      <el-card header="用户注册量" class="echarts-card" style="width: 55%">
        <div id="echarts-user" style="width: 100%; height: 240px" />
      </el-card>
      <el-card header="试卷提交量" class="echarts-card" style="width: 41%">
        <div id="echarts-paper" style="width: 100%; height: 240px" />
      </el-card>
    </div>
  </div>
</template>

<script>
import { index, systemInfo, statistic } from '@/api/dashboard';
import { resize } from '@/utils/resize';
import * as echarts from 'echarts';
import { dividerProps } from 'element-plus';

export default {
  mixins: [resize],
  name: 'Dashboard',
  data() {
    return {
      systemInfo: {},
      statistic: {}
    };
  },
  created() {
    systemInfo().then(re => {
      this.systemInfo = re.response;
    });
  },
  mounted() {
    this.dataLoad();
  },
  methods: {
    go_gis() {
      window.open(window.location.origin + '/#/largeScreen/index');
    },
    dataLoad() {
      let echartsUser = echarts.init(
        document.getElementById('echarts-user'),
        'light'
      );
      let echartsPaper = echarts.init(
        document.getElementById('echarts-paper'),
        'light'
      );
      index().then(re => {
        let response = re.response;
        echartsUser.setOption(
          this.option(
            response.userEchartVM.title,
            response.userEchartVM.x,
            response.userEchartVM.y
          )
        );
        echartsPaper.setOption(
          this.option1(
            response.paperEchartVM.title,
            response.paperEchartVM.x,
            response.paperEchartVM.y
          )
        );
        resize.initChat([echartsUser, echartsPaper]);
      });
      statistic().then(re => {
        let response = re.response;
        this.statistic = response;
      });
    },
    option(title, x, y) {
      return {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#6a7985'
            }
          }
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: [
          {
            name: '日期',
            type: 'category',
            data: x,
            axisTick: {
              alignWithLabel: true
            }
          }
        ],
        yAxis: [
          {
            name: '数量',
            type: 'value'
          }
        ],
        series: [
          {
            name: '数量',
            type: 'bar',
            barWidth: '60%',
            data: y
          }
        ]
      };
    },
    option1(title, x, y) {
      return {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
          }
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: [
          {
            name: '日期',
            type: 'category',
            data: x,
            axisTick: {
              alignWithLabel: true
            }
          }
        ],
        yAxis: [
          {
            name: '数量',
            type: 'value'
          }
        ],
        series: [
          {
            name: '数量',
            type: 'line',
            barWidth: '60%',
            data: y
          }
        ]
      };
    }
  }
};
</script>

<style lang="scss" scoped>
.dashboard-container {
  margin-bottom: 40px;
}

.top {
  width: 100%;
  display: flex;
  margin-top: 20px;
  margin-bottom: 30px;

  .BOX {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
  }

  .box {
    width: 40%;
    height: 150px;
    margin-left: 40px;
    border-right: 1px solid #ddd;

    span {
      font-size: 16px;
      margin-bottom: 20px;
      font-weight: 600;
    }

    .icon {
      width: 130px;
      height: 70px;
      /* line-height: 70px; */

      svg {
        width: 40px;
        height: 40px;
        vertical-align: middle;
        margin-right: 10px;
      }

      .text {
        font-size: 14px;
        font-weight: 550;
        vertical-align: middle;
      }
    }

    .icon:hover {
      cursor: pointer;
    }
  }

  .statistics {
    width: 30%;

    .icon {
      width: 150px;
      display: flex;

      .text {
        text-align: center;
        vertical-align: bottom;

        .number {
          font-size: 25px;
        }

        .wen {
          color: #ccc;
        }
      }
    }
  }

  .dowaload {
    width: 25%;
    border: none;

    .icon {
      width: 130px;
      display: flex;
      height: 70px;
      line-height: 60px;
      margin-top: 10px;
    }
  }
}
</style>
